<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>{% block title %}The Last Social Media You'll Ever Need{% endblock %} |
    Yatube</title>
  <!-- Загрузка статики -->
  {% load static %}
  <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>
  {% block css_files %}{% endblock %}
</head>

<body>
{% include 'include/nav.html' %}
<main>
  <div class="container">
    <h1>{% block header %}The Last Social Media You'll Ever
      Need{% endblock %}</h1>
    {% block content %}
      <!-- Содержимое страницы -->
    {% endblock %}
  </div>
</main>
{% include 'include/footer.html' %}
</body>

</html>